軸のラベル付け

グラフを作成するときは、閲覧者にどのデータを表示しているのかを伝える必要があります。これを行うには、軸にラベルを付ける必要があります。

スケールタイトルの設定

スケール ラベル設定は、スケール設定の下にネストされています。scaleLabel鍵。スケール タイトルのオプションを定義します。これはデカルト軸にのみ適用されることに注意してください。

カスタム目盛フォーマットの作成

データ型に関する情報を含めるために目盛りを変更することもよくあります。たとえば、ドル記号 (「$」) を追加します。これを行うには、ticks.callback軸構成のメソッド。 次の例では、Y 軸のすべてのラベルが先頭にドル記号を付けて表示されます。

コールバックが返された場合nullまたundefined関連付けられたグリッド線は非表示になります。

var chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    // Include a dollar sign in the ticks
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }]
        }
    }
});

コールバック関数に渡される 3 番目のパラメーターはラベルの配列ですが、タイム スケールでは次の配列になります。{label: string, major: boolean}オブジェクト。